<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>网上订票</title>
	<meta name="format-detection" content="telephone=no">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/swiper-3.2.7.min.css">
	<link rel="stylesheet" href="css/fakeLoader.css">
	<script src="js/zepto.js"></script>
	<script src="js/common.js"></script>
	<script src="js/jquery-2.1.4.min.js"></script>
	<script src="js/fakeLoader.min.js"></script>
</head>
<body>
	<div class="index booking">
		<div class="b-banner">
			<img src="images/banner_02.png" title="宣传">
		</div>
		<div class="b-main">
			<div class="b-site-box">
				<a href="site-selection.html" title="目的站点">
					<span>目的站点</span>
					<strong>福州大学城</strong>
				</a>
				<a href="site-selection.html" title="出发站点">
					<span>出发站点</span>
					<strong>福州大学城</strong>
				</a>
				<i></i>
				<img src="images/icon_11.png">
			</div>

			<!-- 预留此次需要防止时间插件 -->
			<div class="b-date-box">
				<a title="">
					<span>出发日期</span>
					<label>
						<input id="installTime" name="installTime" readonly type="text" placeholder="点击选择出发时间">
					</label>
				</a>
				<a title="">
					<span>达到日期</span>
					<label>
						<input id="installTime2" name="installTime2" readonly type="text" placeholder="点击选择达到时间">
					</label>
				</a>
			</div>
			<!-- 预留此次需要防止时间插件 -->

			<a class="inquiry-btn" href="###" title="查询">查询</a>
			<a class="purchase-btn" href="my-order.html" title="已购车票">已购车票</a>
		</div>
		<footer>
			<a class="f-select" href="index.html" title="查询班次">
				<div class=""></div>
				<span>查询班次</span>
			</a>
			<a href="personal.html" title="个人中心">
				<div class=""></div>
				<span>个人中心</span>
			</a>
			<a href="instructions.html" title="说明须知">
				<div class=""></div>
				<span>说明须知</span>
			</a>
		</footer>
	</div>
	<div class="fakeloader"></div>
	<script type="text/javascript" src="js/jedate/jedate.js"></script>
	<script type="text/javascript">

	    var currentDate = curentTime();
	    jeDate({
	        dateCell:"#installTime",
	        format:"YYYY-MM-DD",
	        minDate:currentDate,
	        //清除按钮
	        clearfun:function(val) {
	            $("#installTimeInfo").html("安装时间不能为空");
	            $("#installTimeInfo").show();
	        },
	        //选中日期按钮
	        choosefun:function(val) {
	            $("#installTimeInfo").hide();
	        }
	    });
	    jeDate({
	        dateCell:"#installTime2",
	        format:"YYYY-MM-DD",
	        minDate:currentDate,
	        //清除按钮
	        clearfun:function(val) {
	            $("#installTimeInfo").html("安装时间不能为空");
	            $("#installTimeInfo").show();
	        },
	        //选中日期按钮
	        choosefun:function(val) {
	            $("#installTimeInfo").hide();
	        }
	    });


	    function curentTime()
	    {
	        var now = new Date();
	        // 年
	        var year = now.getFullYear();
	        // 月
	        var month = now.getMonth() + 1;
	        // 日
	        var day = now.getDate();

	        return currentDate = year + "-" + month + "-" + day;
	    }
	    
	    // 到达时间位置控制
	    $('#installTime2').click(function() {
	    	$('#jedatebox').css({
		    	'left': '16%'
		    })
	    })
	</script>
</body>
</html>